<template>
    <div class="main">
      <div class="head">
        <el-select v-model="change" placeholder="地质灾害隐患点管理" @change="handleChange">
          <el-option label="地质灾害隐患点管理" value="disaster_manage"></el-option>
          <el-option label="地灾预警回执管理" value="warning_manage"></el-option>
        </el-select>
      </div>
  
      <div>
        <router-view></router-view>
      </div>
    </div>
  </template>
  
  <script>
  export default {
    data() {
      return {
        change: 'disaster_manage'
      };
    },
    methods: {
      handleChange(value) {
        if (value === 'disaster_manage') {
          this.$router.push({ path: 'disaster_manage' });
        } else if (value === 'warning_manage') {
          this.$router.push({ path: 'warning_manage' });
        }
      }
    }
  };
  </script>
  
  <style lang="less" scoped>
  .main {
    padding: 16px;
  }
  .head{
    margin-bottom: 20px;
    text-align: center;
  }
  </style>
  